<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>Grayscale - Free One Page Theme for Bootstrap 3</title>

        <!-- Bootstrap Core CSS -->
        <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css">

        <!-- Fonts -->
        <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

        <!-- Custom Theme CSS -->
        <link href="css/grayscale.css" rel="stylesheet">
        <link href="estiloC.css" type="text/css" rel="Stylesheet">

    </head>

    <body id="page-top" data-spy="scroll" data-target=".navbar-custom">

        <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header page-scroll">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="#page-top">
                        <i class="fa fa-play-circle"></i>  <span class="light">Start</span> Bootstrap
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                    <ul class="nav navbar-nav">
                        <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                        <li class="hidden">
                            <a href="#page-top"></a>
                        </li>
                        <li class="page-scroll">
                            <a href="#about">Historial medico</a>
                        </li>
                        <li class="page-scroll">
                            <a href="#download">Servivios de asistencia</a>
                        </li>
                        <li class="page-scroll">
                            <a href="#contact">Signos vitales</a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>

        <section class="intro">
            <div class="intro-body">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <h1 class="brand-heading">Grayscale</h1>
                            <p class="intro-text">A free, premium quality, responsive one page Bootstrap theme created by Start Bootstrap.</p>
                            <div class="page-scroll">
                                <a href="#about" class="btn btn-circle">
                                    <i class="fa fa-angle-double-down animated"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="about" class="container content-section text-center">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">


                    <div id="contenedor">
                        <header><center>HISTORIAL MEDICO</center></header><br>

                        <div id="paso0">
                            <form  method="post" action="ControlBoton.php">
                                <div class="left">
                                    <label for="cedula">Cedula</label><span>*</span><input type="text" name="cedula" id="cedula" required><br><br>
                                </div>

                                <div class="right">
                                    <div class="btn1">
                                        <label for="Buscar"></label><input type="submit" name="buscar" id="buscar" value="buscar paciente">
                                    </div>
                                </div>
                            </form><br><br><br>
                        </div>

                        <div id="paso1">

                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset>
                                    <legend>Datos paciente</legend>

                                    <div class="left">
                                        <label for="nombre">Nombres</label><span>*</span><input type="text" name="nombre" id="nombre" required>
                                    </div>

                                    <div class="right">
                                        <label for="fecha">Fecha de </label> <br><label> nacimiento</label><span>*</span><input type="date" name="fecha" id="fecha" required>
                                    </div>
                                    <br><br>

                                    <div class="left">
                                        <label for="apellido">Apellido</label><span>*</span><input type="text" name="apellido" id="apellido" required>
                                    </div>
                                    <br><br>


                                    <div class="right">
                                        <div class="btn">
                                            <label>Sexo: <span>*</span></label>
                                            <input type="radio" id="sexo" name="sexo" checked="checked" value="Masculino" required>
                                            <label for="genereM">Masculino</label>
                                            <input type="radio" id="sexo" name="sexo" value="Femenino" required>
                                            <label for="genereF">Femenino</label>
                                        </div>
                                    </div>

                                    <div class="left">

                                        <label for= "esta_civil">Estado civil</label><span>*</span>
                                        <select name="esta_civil" id ="esta_civil" >    
                                            <option value="Casado(a)" selected> Casado(a) </option>
                                            <option value="Soltero(a)">Soltero(a)</option>
                                            <option value="Union libre"> Union libre</option>

                                        </select>
                                    </div>   
                                    <div class="left">
                                        <label for="edad">Edad </label><input type="number" name="edad" min="0" max="100" required>
                                    </div>						

                                </fieldset>

                            </form><br>
                        </div>



                        <div id="paso2">

                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset>
                                    <legend>Informacion Domicilio</legend>
                                    <div class ="left">
                                        <label for ="direccion">Direccion</label><input type ="text" name="direccion" id ="direccion" required>
                                    </div>

                                    <div class ="right">
                                        <label for ="telefono">Telefono fijo</label><input type ="text" name="telefono" id="telefono" required>
                                    </div>

                                    <div class="left"><br>
                                        <label for="correo">Correo <br>electronico </label><input type="email" name="correo" id="correo" required placeholder="ejemplo@correo.com">
                                    </div>
                                    <br><br>
                                    <div class ="right">
                                        <label for ="celular">Celular</label><input type ="text" name="celular" id="celular" required>
                                    </div>

                            </form>
                            <br><br>
                        </div>

                        <div id="paso3">

                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset>
                                    <legend>Registros medicos</legend>

                                    <div class="left">

                                        <label for= "esta_civil">Estado civil</label><span>*</span>
                                        <select name="esta_civil" id ="esta_civil" >    
                                            <option value="A+" selected> A+ </option>
                                            <option value="A-">A-</option>
                                            <option value="O-"> O-</option>

                                        </select>
                                    </div> 

                                    <div class="right">
                                        <label for="enfermedad_Con">Enfermedad Congenita: </label><br><textarea id="enfermedad_Con" name="enfermedad_Con" rows="3" cols="20" placeholder= "Escriba las caracteristicas" 			required></textarea><br>
                                    </div><br><br>

                                    <div class="left">
                                        <label for="enfermedad_Actu">Enfermedad Actual: </label><br><textarea id="enfermedad_Con" name="enfermedad_Con" rows="3" cols="20" placeholder= "Escriba las caracteristicas" 			required></textarea><br>
                                    </div>

                                    <div class="right">
                                        <label for="Antecedentes_Fa">Antecedentes Familiares: </label><br><textarea id="Antecedentes_Fa" name="Antecedentes_Fa" rows="3" cols="20" placeholder= "Escriba las caracteristicas" 			required></textarea><br>
                                    </div>
                                    <div class="left">
                                        <label for="Antecedentes_Per">Antecedentes Personales: </label><br><textarea id="Antecedentes_Pe" name="Antecedentes_Pe" rows="3" cols="20" placeholder= "Escriba las caracteristicas" 			required></textarea><br>
                                    </div>


                                    <div class="right">
                                        <label for="cirugias">Cirugias: </label><br><textarea id="cirugias" name ="cirugias" rows="3" cols="20" placeholder="Escriba aqui los comentarios"></textarea><br>
                                    </div>
                                </fieldset>
                                <div class="left">
                                    <div class="btn1">
                                        <label for="enviarB"></label><input type="submit" id="enviarB" name="enviarB" value="Aceptar">
                                    </div>
                                </div>
                            </form>

                            <br><br>
                        </div>

                    </div>
                    </body>
                    </html>

                </div>
            </div>
        </section>

        <section id="download" class="content-section text-center">
            <div class="download-section">
                <div class="container">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div id="contenedor">
                            <header><center>HISTORIAL MEDICO</center></header><br>
                            <div id="paso1">
                                <div class="left">
                                    <img src="http://cd1.dibujos.net/dibujos/pintados/201113/2b9c1ae6f69ea78cc01ed5b1a759b2ca.png" width='300' height='200'>

                                </div>
                                <div class="right">
                                    <img src="teleasistencia.png" alt="" width="200" height="80" longdesc="teleasistencia.png" />
                                </div>	
                                <div class="right">
                                    <label>Solicitar servicio de ambulancia</label>
                                </div>
                                <div class="left">
                                    <div class ="btn">
                                        <label for="si"></label><input type="submit" id="si" name="si" value="SI">
                                    </div>
                                </div>
                                <div class="right">
                                    <div class ="btn">
                                        <label for="no"></label><input type="submit" id="no" name="no" value="NO">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="contact" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <div id="contenedor">
                    <header><center>HISTORIAL MEDICO</center></header><br>

                    <div id="paso1">

                        <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                            <fieldset>
                                <legend>Datos paciente</legend>

                                <div class="left">
                                    <label for="nombre">Nombres</label><span>*</span><input type="text" name="nombre" id="nombre" required>
                                </div>

                                <div class="right">
                                    <label for="identificacion">identificacion</label><input type="text" name="identificacion" id="identificacion" required>
                                </div>
                                <br><br>

                                <div class="left">
                                    <label for="apellido">Apellido</label><span>*</span><input type="text" name="apellido" id="apellido" required>
                                </div>

                                <div class="right">
                                    <label for="edad">Edad </label><input type="number" name="edad" min="0" max="100" required>
                                </div>	



                            </fieldset>

                        </form><br>
                    </div>



                    <div id="paso2">
                        <div class ="left">
                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset>
                                    <legend>Temperatura</legend>
                                    <div class="left">
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="empezar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="reiniciar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="parar">
                                        </div>
                                    </div>
                                    <div class ="right">
                                        <div class ="numerico">
                                            <label>Medidor</label><br>
                                            <input type ="number" name ="grado" id="grado" min="1" max="10" size ="15" required/><label for = grado>grados centigrados</label>
                                        </div><br>
                                        <label for ="evaluo">Evaluo</label>
                                        <select name="esta_civil" id ="esta_civil" >    
                                            <option value="Normal" selected> Normal </option>
                                            <option value="Regular">Regular</option>
                                            <option value="Mal"> Mal</option>      
                                        </select>			
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                        <div class ="right">
                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset>
                                    <legend>Oxigeno</legend>
                                    <div class="left">
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="empezar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="reiniciar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="parar">
                                        </div>
                                    </div>
                                    <div class ="right">
                                        <div class ="numerico">
                                            <label>Medidor</label><br>
                                            <input type ="number" name ="grado" id="grado" min="1" max="10" size ="15" required/><label for = grado>%</label><br>
                                        </div><br><br>
                                        <label for ="evaluo">Evaluo</label>
                                        <select name="esta_civil" id ="esta_civil" >    
                                            <option value="Normal" selected> Normal </option>
                                            <option value="Regular">Regular</option>
                                            <option value="Mal"> Mal</option>      
                                        </select>			
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                        <br>
                        <div class ="left">
                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset>
                                    <legend>Precion</legend>
                                    <div class="left">
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="empezar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="reiniciar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="parar">
                                        </div>
                                    </div>
                                    <div class ="right">
                                        <div class ="numerico">
                                            <label>Medidor</label><br>
                                            <input type ="number" name ="grado" id="grado" min="1" max="10" required/><label for = siasolica>siasolica</label>
                                            <input type ="number" name ="grado" id="grado" min="1" max="10" required/><label for = diastolica>diastolica</label>

                                        </div><br>
                                        <label for ="evaluo">Evaluo</label>
                                        <select name="esta_civil" id ="esta_civil" >    
                                            <option value="Normal" selected> Normal </option>
                                            <option value="Regular">Regular</option>
                                            <option value="Mal"> Mal</option>      
                                        </select>			
                                    </div>
                                </fieldset>
                            </form>
                        </div>

                        <div class ="right">
                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset>
                                    <legend>Glucosa</legend>
                                    <div class="left">
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="empezar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="reiniciar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="parar">
                                        </div>
                                    </div>
                                    <div class ="right">
                                        <div class ="numerico">
                                            <label>Medidor</label><br>
                                            <input type ="number" name ="grado" id="grado" min="1" max="10" size ="15" required/><label for = mg>mg/dl</label><br><br>
                                        </div><br><br><br><br>
                                        <label for ="evaluo">Evaluo</label>
                                        <select name="esta_civil" id ="esta_civil" >    
                                            <option value="Normal" selected> Normal </option>
                                            <option value="Regular">Regular</option>
                                            <option value="Mal"> Mal</option>      
                                        </select>			
                                    </div>
                                </fieldset>
                            </form>
                        </div>

                        <div class ="left">
                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset>
                                    <legend>Peso</legend>
                                    <div class="left">
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="empezar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="reiniciar">
                                        </div>
                                        <div class="btn">
                                            <label for="enviarB"></label><input type="submit" id="envi" name="enviarB" value="parar">
                                        </div>
                                    </div>
                                    <div class ="right">
                                        <div class ="numerico">
                                            <label>Medidor</label><br>
                                            <input type ="number" name ="grado" id="grado" min="1" max="10" required/><label for = kilos>kilos</label>

                                        </div><br>
                                        <label for ="evaluo">Evaluo</label>
                                        <select name="esta_civil" id ="esta_civil" >    
                                            <option value="Normal" selected> Normal </option>
                                            <option value="Regular">Regular</option>
                                            <option value="Mal"> Mal</option>      
                                        </select>			
                                    </div>
                                </fieldset>
                            </form>
                        </div>

                        <div class = "right">
                            <form method="post" action="ControlBoton.php" enctype="multipart/form-data">
                                <fieldset><legend>Diagnostico</legend>
                                    <textarea rows="4" cols="20" name="nota" id="notas" placeholder="Describa las caracteristicas">
                                    </textarea>
                                </fieldset>
                            </form>
                        </div>

                    </div>



                </div>
            </div>
        </div>
    </section>

    <div id="map"></div>

    <!-- Core JavaScript Files -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Google Maps API Key - You will need to use your own API key to use the map feature -->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/grayscale.js"></script>

</body>

</html>
